/* 首页 */
.home-content-wrap {
  width: 100%;
}

/* banner */
.home-banner-wrap {
  width: 100%;
  height: 82.5rem;
  background: black;
  position: relative;
}

.banner-video-one {
  width: 100%;
  height: 82.5rem;
  object-fit: cover;
  opacity: 0.5;
}

.banner-content {
  width: 70rem;
  height: 30rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.banner-title {
  font-size: 7.2rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 9rem;
}

.banner-title>span {
  color: #FF6600;
}

.banner-title-two {
  font-size: 6rem;
  line-height: 9rem;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}

.banner-text {
  padding: 3.9rem 0 4.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #ffffff;
  text-align: center;
}

.banner-btn {
  display: block;
  width: 10rem;
  height: 4rem;
  background: url('../img/fangan/zhyq/bannerBtn.png') no-repeat center;
  background-size: cover;
  text-align: center;
  line-height: 4rem;
  color: #ffffff;
  margin: 0 auto;
  font-size: 1.6rem;
  border-radius: 0.4rem;
}

.banner-btn:hover {
  color: #ffffff;
}

/* 一站式综合解决方案 */
.one-stop-wrap {
  padding-top: 5.6rem;
  padding-bottom: 9rem;
}

.one-stop-title {
  text-align: center;
  font-weight: 400;
  font-size: 3.6rem;
  color: #333333;
}

.one-stop-text {
  text-align: center;
  font-weight: 400;
  font-size: 1.8rem;
  color: #999999;
  margin: 1.2rem 0 8rem;
}

/* swiper */
.one-stop-swiper {
  width: 143.4rem;
  height: 50rem;
}

.swiper {
  --swiper-theme-color: #FF6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #999999;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 3rem;
  /* 设置按钮大小 */
}



.one-stop-slide-wrap {
  width: 47.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slide-line {
  width: 0.1rem;
  height: 50rem;
  background: linear-gradient(#F9F9F9, #666666, #F9F9F9);
}

.one-stop-slide {
  width: 47.8rem;
  height: 50rem;
  padding: 0 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.shequ:hover .slide-img-wrap {
  border: none;
  background-color: #F28E26;
}

.shequ:hover .slide-img {
  background: url("../img/home/shequActive.png") no-repeat center;
  background-size: cover;
}

.shequ:hover .slide-title {
  color: #F28E26;
}


.yuanqu:hover .slide-img-wrap {
  border: none;
  background-color: #F28E26;
}

.yuanqu:hover .slide-img {
  background: url("../img/home/yuanquActive.png") no-repeat center;
  background-size: cover;
}

.yuanqu:hover .slide-title {
  color: #F28E26;
}

.zhanting:hover .slide-img-wrap {
  border: none;
  background-color: #F28E26;
}

.zhanting:hover .slide-img {
  background: url("../img/home/zhantingActive.png") no-repeat center;
  background-size: cover;
}

.zhanting:hover .slide-title {
  color: #F28E26;
}

.fangdichan:hover .slide-img-wrap {
  border: none;
  background-color: #F28E26;
}

.fangdichan:hover .slide-img {
  background: url("../img/home/fangdichanActive.png") no-repeat center;
  background-size: cover;
}

.fangdichan:hover .slide-title {
  color: #F28E26;
}

.shangye:hover .slide-img-wrap {
  border: none;
  background-color: #F28E26;
}

.shangye:hover .slide-img {
  background: url("../img/home/shangyeActive.png") no-repeat center;
  background-size: cover;
}

.shangye:hover .slide-title {
  color: #F28E26;
}

.slide-img-wrap {
  width: 7.7rem;
  height: 7.7rem;
  border: 2px solid #999999;
  border-radius: 3.85rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-img {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../img/home/shequ.png") no-repeat center;
  background-size: cover;
}

.img-zhanting {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../img/home/zhanting.png") no-repeat center;
  background-size: cover;
}

.img-yuanqu {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../img/home/yuanqu.png") no-repeat center;
  background-size: cover;
}

.img-fangdichan {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../img/home/fangdichan.png") no-repeat center;
  background-size: cover;
}

.img-shangye {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../img/home/shangye.png") no-repeat center;
  background-size: cover;
}

.slide-title {
  font-weight: 700;
  font-size: 2.4rem;
  color: #666666;
}

.slide-text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #999999;
  text-align: center;
}

.slide-list {
  display: grid;
  grid-template-columns: repeat(2, 13.2rem);
  grid-template-rows: repeat(4, 3.3rem);
  grid-row-gap: 1.5rem;
  grid-column-gap: 3rem;
}

.slide-list-item {
  width: 13.2rem;
  height: 3.3rem;
  border-radius: 0.2rem;
  border: 0.05rem solid #898989;
  text-align: center;
  line-height: 3.3rem;
  font-size: 1.6rem;
  color: #999999;
  font-weight: 400;
}


/* 产品服务优势 */
.product-advantage-wrap {
  width: 100%;
  height: 85.9rem;
  background: url('../img/home/youshiBg.png') no-repeat center;
  background-size: cover;
  padding: 9.2rem 0 9.7rem;
}

.product-advantage-title {
  font-weight: 400;
  font-size: 3.6rem;
  text-align: center;
  color: #ffffff;
  padding-bottom: 2.5rem;
}

.product-advantage-text {
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
  color: #ffffff;
  padding-bottom: 8rem;
}

.product-advantage-list {
  width: 140rem;
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 25rem);
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
}

.product-advantage-item {
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 3rem 2.8rem 0 4rem;
  cursor: pointer;
}

.product-long-one {
  grid-column-start: 1;
  grid-column-end: 4;
}

.product-long-two {
  grid-column-start: 4;
  grid-column-end: 7;
}

.product-three {
  grid-column-start: 1;
  grid-column-end: 3;
  height: 27.5rem;
}

.product-four {
  grid-column-start: 3;
  grid-column-end: 5;
  height: 27.5rem;
}

.product-five {
  grid-column-start: 5;
  grid-column-end: 7;
  height: 27.5rem;
}

.product-img-wrap {
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 3.4rem;
  background: rgba(255, 255, 255, 0.15);
}

.product-img-wrap>img {
  width: 100%;
  height: 100%;
}

.product-item-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: left;
  padding: 1.8rem 0 1.6rem;
  line-height: 2.4rem;
}

.product-item-title>span {
  color: #ffffff;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: left;
}

.product-item-text {
  font-weight: 400;
  font-size: 1.6rem;
  text-align: left;
  color: #ffffff;
  line-height: 3rem;
}

.product-advantage-item-active {
  background: linear-gradient(to right, #F28E26, #FD644F);
}

/* 典型案例 */
.case-wrap {
  padding: 7.8rem 0;
}

.case-title {
  font-weight: 400;
  font-size: 3.6rem;
  text-align: center;
  color: #333333;
  line-height: 3.6rem;
}

.case-text {
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.4rem;
  color: #999999;
  padding: 2.2rem 0 8rem;
}

.case-list {
  width: 140rem;
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(3, 45.33rem);
  grid-column-gap: 2rem;
}
@media  (max-width:1400px){
    .case-item-text{
        min-height:15rem;
        /*min-height:18.8rem;*/
    }
    .case-list{
          grid-row-gap:  4rem;
    }
}
@media  (min-width:1400px){
    .case-item-text{
        min-height:14rem;
        
    }
        .case-list{
          grid-row-gap: 2rem;
    }
}

.case-item {
  border-radius: 1rem;
}


.case-item>img {
  width: 100%;
  height: 30rem;
  border-radius: 1rem 1rem 0 0;
}

.case-item-text {
  padding: 2.9rem 0 2.7rem 2rem;
  background: #FAFAFA;
  border-radius: 0 0 1rem 1rem;
  position: relative;
}

.case-item-title {
  font-weight: 700;
  font-size: 2rem;
  text-align: left;
  color: #333333;
  line-height: 2rem;
  padding-bottom: 1.6rem;
}

.case-item-category {

  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
  color: #999999;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}



.case-item:hover .case-item-title {
  color:#ffffff;
}

.case-item:hover .case-item-category {
  color:#ffffff;
}


.case-item-text:after,.case-item-text:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #FAFAFA;
  z-index:-2;
  border-radius: 0 0 1rem 1rem;
}


.case-item:hover .case-item-text {
  z-index:1;
  background:transparent;
}
  
 
.case-item-text:before {
  transition: .3s;
  background: linear-gradient(to right, #FF6600, #FAFAFA 65%, #FAFAFA);
  z-index:-1;
}      

.case-item:hover .case-item-text:before {
  width: 100%;
}

.case-item:hover .case-item-text:after {
  width: 100%;
}

.go-more {
  display: block;
  margin: 0 auto;
  padding: 3.5rem 0 2.6rem;
  width: 13rem;
  height: 9.9rem;
  border-radius: 0.4rem;
}

.more-text {
  width: 13rem;
  height: 3.8rem;
  border: 0.1rem solid #FF6600;
  color: #FF6600;
  text-align: center;
  line-height: 3.8rem;
  border-radius: 0.4rem;
}


/* 服务团队 */
.team-wrap {
  position: relative;
}

.team-top {
  width: 100%;
  height: 53.8rem;
  background: url('../img/home/teamBg.png') no-repeat center;
  background-size: cover;
}

.team-center {
  width: 116.2rem;
  height: 18.4rem;
  background: url('../img/home/teamCenterBg.png') no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.team-bottom {
  width: 100%;
  height: 53.8rem;
  background-color: #E9E9E9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-title {
  font-weight: 700;
  font-size: 3.6rem;
  text-align: center;
  color: #ffffff;
  line-height: 3.6rem;
  padding: 4rem 0 2rem;
}

.team-title-line {
  width: 4rem;
  height: 0.4rem;
  background: #D7640E;
  margin: 0 auto;
  margin-bottom: 7.5rem;
}

.team-number {
  width: 116.2rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.team-number-item {
  height: 18.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.number-flag {
  width: 2.5rem;
  height: 2.2rem;
  background: url('../img/home/flag.png') no-repeat center;
  background-size: cover;
}

.number-text {
  font-weight: 700;
  font-size: 8rem;
  line-height: 8rem;
  color: #ffffff;
}

.number-text>span {
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 3.6rem;
  color: #ffffff;
}

.number-title {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 2.4rem;
  color: #ffffff;
}

.number-line {
  width: 0.3rem;
  height: 18.6rem;
  background: linear-gradient(transparent, transparent, #D7640E 65%, transparent);
}

.center-text {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3rem;
  color: #ffffff;
  padding: 5.1rem 0 3.3rem;
  text-align: center;
}

.become-partner {
  display: block;
  width: 13rem;
  height: 3.4rem;
  background-color: #ffffff;
  border-radius: 1.7rem;
  text-align: center;
  line-height: 3.4rem;
  color: #FF6600;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 auto;
}

.become-partner:hover {
  color: #FF6600;
}

.serve-list {
  width: 140rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.serve-list-item {}

.serve-item-img {
  width: 14rem;
  height: 14rem;
}


.serve-item-title {
  font-weight: 400;
  font-size: 2rem;
  text-align: center;
  color: #666666;
  margin-top: 1.8rem;
}

/* 众志PL TWIN */
.pl-twin-wrap {
  width: 100%;
  height: 60rem;
  background: url('../img/home/pltwinBg.png') no-repeat center;
  background-size: cover;
  padding-top: 4.9rem;
}

.pl-twin-content {
  width: 140rem;
  margin: 0 auto;
}

.pl-twin-title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 3.6rem;
  color: #ffffff;
  margin-bottom: 4.7rem;
}

.pl-twin-img {
  width: 31rem;
  height: 7.7rem;
  background: url('../img/home/pltwinImg.png') no-repeat center;
  background-size: cover;
  padding-left: 2rem;
  line-height: 7.7rem;
}

.pl-twin-text {
  width: 55.8rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: 0.2rem;
  color: #A7A7A7;
}

.word-title {
  font-weight: 700;
  font-size: 2.4rem;
  color: #ffffff;
  margin: 6rem 0 3.7rem;
}


/* PL TWIN动态 */
.dynamic-state-wrap {
  width: 100%;
  /*height: 76.6rem;*/
  background: url('../img/home/dynamicStateBg.png') no-repeat center;
  background-size: cover;
  padding-bottom: 2.1rem;
}

.dynamic-state-content-wrap {
  width: 140rem;
  margin: 0 auto;
  padding-top: 5.5rem;
}

.dynamic-state-title {
  font-weight: 700;
  font-size: 3.6rem;
  text-align: left;
  line-height: 3.6rem;
  padding-bottom: 4.4rem;
}

.dynamic-state-content {
  width: 100%;
  display: flex;
  padding-bottom: 2.1rem;
}

.state-content-left {
  width: 61.4rem;
  height: 56rem;
  margin-right: 6.6rem;
}

.left-content {
  display: block;
}

.left-content-img {
  width: 61.4rem;
  height: 40.6rem;
}

.left-content-text {
  padding: 1.9rem 0 0 0.9rem;
}

.left-content-title {
  font-weight: 700;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.8rem;
  padding-bottom: 1.4rem;
  color: #333333;
}

.left-content-detail {
  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
  line-height: 2.4rem;
  color: #A7A7A7;
}



.state-content-right {
  height: 56rem;
  padding-left: 5.3rem;
  overflow-y: hidden;
}

.track-list {
  position: relative;
}

.track-list ul {
  position: relative;
  top: 0;
}

.track-list li {
  position: relative;
  height: auto;
  padding-left: 2.6rem;
  border-left: 0.1rem solid #E3E3E4;
  cursor: pointer;
}



.track-list li.last {
  padding-top: 0;
  border-left: none;
}

.track-list li .node-icon {
  position: absolute;
  left: -0.9rem;
  border-radius: 0.9rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #ffffff;
  border: 0.2rem solid #999999;
}

.selected {
  border: 0.2rem solid #FF6600 !important;
}


.track-list li .time-content {
  width: 60.4rem;
}

.time-content-title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.8rem;
  color: #333333;
}

.time-content-text {
  font-weight: 400;
  font-size: 1.6;
  line-height: 2.4rem;
  text-align: left;
  color: #A7A7A7;
  padding-bottom: 2rem;
}

.month-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: -5.3rem;
}

.date {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  padding-bottom: 1.1rem;
  color: #333333;
}

.month {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #999999;
}